<!DOCTYPE html>
<!-- saved from url=(0071)single-product.html -->
<html lang="zxx" class=" sizes customelements history pointerevents postmessage postmessage-structuredclones webgl websockets cssanimations csscolumns csscolumns-width csscolumns-span csscolumns-fill csscolumns-gap csscolumns-rule csscolumns-rulecolor csscolumns-rulestyle csscolumns-rulewidth csscolumns-breakbefore csscolumns-breakafter csscolumns-breakinside flexbox picture srcset webworkers"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="robots" content="index, follow">
    <title>Mioca - Handmade Goods eCommerce HTML Template</title>
    <meta name="description" content="Mioca - Handmade Goods eCommerce HTML Template">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Add site Favicon -->
    <link rel="shortcut icon" href="assets/images/i/favicon.ico" type="image/png">


    <!-- vendor css (Icon Font) -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/bootstrap.bundle.min.css" />
    <link rel="stylesheet" href="assets/css/vendor/pe-icon-7-stroke.css" />
    <link rel="stylesheet" href="assets/css/vendor/font.awesome.css" /> -->

    <!-- plugins css (All Plugins Files) -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/animate.css" />
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/nice-select.css" />
    <link rel="stylesheet" href="assets/css/plugins/venobox.css" /> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <link rel="stylesheet" href="assets/store/css/vendor.min.css">
    <link rel="stylesheet" href="assets/store/css/plugins.min.css">
    <link rel="stylesheet" href="assets/store/css/style.min.css">
    <link rel="stylesheet" href="assets/store/css/css2.css">

    <!-- Main Style -->
    <!-- <link rel="stylesheet" href="assets/css/style.css" /> -->

</head>

<body>


    <!-- Header Area Start -->
    <header>
        <div class="header-main sticky-nav menu_fixed animated fadeInDown">
            <div class="container position-relative">
                <div class="row">
                    <div class="col-auto align-self-center">
                        <div class="header-logo">
                            <a href="index.html"><img src="./index_files/logo.png" alt="Site Logo"></a>
                        </div>
                    </div>
                    <div class="col align-self-center d-none d-lg-block">
                        <div class="main-menu">
                            <ul>
                                <li class="dropdown"><a href="index.html">主页 </a>
                                
                                </li>
                                <li><a href="about.html">关于我们</a></li>
                                
                                
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- Header Action Start -->
                    <div class="col col-lg-auto align-self-center pl-0">
                        <div class="header-actions">
                            <!-- Single Wedge Start -->
                            <a href="index.html#" class="header-action-btn" data-bs-toggle="modal" data-bs-target="#searchActive">
                                <i class="pe-7s-search"></i>
                            </a>
                            <!-- Single Wedge End -->
                            <div class="header-bottom-set dropdown">
                                <button class="dropdown-toggle header-action-btn" data-bs-toggle="dropdown"><i class="pe-7s-users"></i></button>
                                <ul class="dropdown-menu dropdown-menu-right">
                                    <li><a class="dropdown-item" href="my-account.html">My account</a></li>
                                    <li><a class="dropdown-item" href="checkout.html">Checkout</a></li>
                                    <li><a class="dropdown-item" href="login.html">Sign in</a></li>
                                </ul>
                            </div>
                            <!-- Single Wedge Start -->
                            <a href="index.html#offcanvas-wishlist" class="header-action-btn offcanvas-toggle">
                                <i class="pe-7s-like"></i>
                            </a>
                            <!-- Single Wedge End -->
                            <a href="index.html#offcanvas-cart" class="header-action-btn header-action-btn-cart offcanvas-toggle pr-0">
                                <i class="pe-7s-shopbag"></i>
                                <span class="header-action-num">01</span>
                                <!-- <span class="cart-amount">€30.00</span> -->
                            </a>
                            <a href="index.html#offcanvas-mobile-menu" class="header-action-btn header-action-btn-menu offcanvas-toggle d-lg-none">
                                <i class="pe-7s-menu"></i>
                            </a>
                        </div>
                        <!-- Header Action End -->
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Area End -->
    <div class="offcanvas-overlay"></div>

    <!-- OffCanvas Wishlist Start -->
    <div id="offcanvas-wishlist" class="offcanvas offcanvas-wishlist">
        <div class="inner">
            <div class="head">
                <span class="title">Wishlist</span>
                <button class="offcanvas-close">×</button>
            </div>
            <div class="body customScroll">
                <ul class="minicart-product-list">
                    <li>
                        <a href="single-product.html" class="image"><img src="./index_files/1.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">风流客原创手作琉璃珍珠樱花发梳</a>
                            <span class="quantity-price">1 x <span class="amount">$38.50</span></span>
                            <a href="single-product.html#" class="remove">×</a>
                        </div>
                    </li>
                    <li>
                        <a href="single-product.html" class="image"><img src="./index_files/2.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">风流客原创手作多肉琉璃发梳</a>
                            <span class="quantity-price">1 x <span class="amount">$38.50</span></span>
                            <a href="single-product.html#" class="remove">×</a>
                        </div>
                    </li>
                    <li>
                        <a href="single-product.html" class="image"><img src="./index_files/3.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">风流客原创手作玉簪花琉璃插梳</a>
                            <span class="quantity-price">1 x <span class="amount">$38.50</span></span>
                            <a href="single-product.html#" class="remove">×</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="foot">
                <div class="buttons">
                    <a href="wishlist.html" class="btn btn-dark btn-hover-primary mt-30px">view wishlist</a>
                </div>
            </div>
        </div>
    </div>
    <!-- OffCanvas Wishlist End -->
    <!-- OffCanvas Cart Start -->
    <div id="offcanvas-cart" class="offcanvas offcanvas-cart">
        <div class="inner">
            <div class="head">
                <span class="title">Cart</span>
                <button class="offcanvas-close">×</button>
            </div>

            <div class="body customScroll">
                <ul class="minicart-product-list">
                    <li>
                        <a href="single-product.html" class="image"><img src="./index_files/1.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">风流客原创手作琉璃珍珠樱花发梳</a>
                            <span class="quantity-price">1 x <span class="amount">$38.50</span></span>
                            <a href="single-product.html#" class="remove">×</a>
                        </div>
                    </li>
                    <li>
                        <a href="single-product.html" class="image"><img src="./index_files/2.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">风流客原创手作多肉琉璃发梳</a>
                            <span class="quantity-price">1 x <span class="amount">$38.50</span></span>
                            <a href="single-product.html#" class="remove">×</a>
                        </div>
                    </li>
                    <li>
                        <a href="single-product.html" class="image"><img src="./index_files/3.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">风流客原创手作玉簪花琉璃插梳</a>
                            <span class="quantity-price">1 x <span class="amount">$38.50</span></span>
                            <a href="single-product.html#" class="remove">×</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="foot">
                <div class="buttons mt-30px">
                    <a href="cart.html" class="btn btn-dark btn-hover-primary mb-30px">view cart</a>
                    <a href="checkout.html" class="btn btn-outline-dark current-btn">checkout</a>
                </div>
            </div>
        </div>
    </div>
    <!-- OffCanvas Cart End -->

    <!-- OffCanvas Menu Start -->
    <div id="offcanvas-mobile-menu" class="offcanvas offcanvas-mobile-menu">
        <button class="offcanvas-close"></button>

        <div class="inner customScroll">

            <div class="offcanvas-menu mb-4">
                <ul>
                    <li><span class="menu-expand"></span><a href="single-product.html#"><span class="menu-text">Home</span></a>
                        <ul class="sub-menu">
                            <li><a href="index.html"><span class="menu-text">Home 1</span></a></li>
                            <li><a href="index-2.html"><span class="menu-text">Home 2</span></a></li>
                        </ul>
                    </li>
                    <li><a href="about.html">About</a></li>
                    <li><span class="menu-expand"></span>
                        <a href="single-product.html#"><span class="menu-text">Pages</span></a>
                        <ul class="sub-menu">
                            <li><span class="menu-expand"></span>
                                <a href="single-product.html#"><span class="menu-text">Inner Pages</span></a>
                                <ul class="sub-menu">
                                    <li><a href="404.html">404 Page</a></li>
                                    <li><a href="privacy-policy.html">Privacy Policy</a></li>
                                    <li><a href="faq.html">Faq Page</a></li>
                                    <li><a href="coming-soon.html">Coming Soon Page</a></li>
                                </ul>
                            </li>
                            <li><span class="menu-expand"></span>
                                <a href="single-product.html#"><span class="menu-text"> Other Shop Pages</span></a>
                                <ul class="sub-menu">
                                    <li><a href="cart.html">Cart Page</a></li>
                                    <li><a href="checkout.html">Checkout Page</a></li>
                                    <li><a href="compare.html">Compare Page</a></li>
                                    <li><a href="wishlist.html">Wishlist Page</a></li>
                                </ul>
                            </li>
                            <li><span class="menu-expand"></span>
                                <a href="single-product.html#"><span class="menu-text">Related Shop Page</span></a>
                                <ul class="sub-menu">
                                    <li><a href="my-account.html">Account Page</a></li>
                                    <li><a href="login.html">Login &amp; Register Page</a></li>
                                    <li><a href="empty-cart.html">Empty Cart Page</a></li>
                                    <li><a href="thank-you-page.html">Thank You Page</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><span class="menu-expand"></span><a href="single-product.html#"><span class="menu-text">Shop</span></a>
                        <ul class="sub-menu">
                            <li><span class="menu-expand"></span>
                                <a href="single-product.html#"><span class="menu-text">Shop Page</span></a>
                                <ul class="sub-menu">
                                    <li><a href="shop-3-column.html">Shop 3 Column</a></li>
                                    <li><a href="shop-4-column.html">Shop 4 Column</a></li>
                                    <li><a href="shop-left-sidebar.html">Shop Left Sidebar</a></li>
                                    <li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
                                    <li><a href="shop-list-left-sidebar.html">Shop List Left Sidebar</a>
                                    </li>
                                    <li><a href="shop-list-right-sidebar.html">Shop List Right Sidebar</a>
                                    </li>
                                    <li><a href="cart.html">Cart Page</a></li>
                                    <li><a href="checkout.html">Checkout Page</a></li>
                                </ul>
                            </li>
                            <li><span class="menu-expand"></span>
                                <a href="single-product.html#"><span class="menu-text">product Details Page</span></a>
                                <ul class="sub-menu">
                                    <li><a href="single-product.html">Product Single</a></li>
                                    <li><a href="single-product-variable.html">Product Variable</a></li>
                                    <li><a href="single-product-affiliate.html">Product Affiliate</a></li>
                                    <li><a href="single-product-group.html">Product Group</a></li>
                                    <li><a href="single-product-tabstyle-2.html">Product Tab 2</a></li>
                                    <li><a href="single-product-tabstyle-3.html">Product Tab 3</a></li>
                                    <li><a href="single-product-slider.html">Product Slider</a></li>
                                    <li><a href="single-product-gallery-left.html">Product Gallery Left</a>
                                </li></ul>
                            </li>
                            <li><span class="menu-expand"></span>
                                <a href="single-product.html#"><span class="menu-text">Single Product Page</span></a>
                                <ul class="sub-menu">
                                    <li><a href="single-product-gallery-right.html">Product Gallery
                                            Right</a> </li>
                                    <li><a href="single-product-sticky-left.html">Product Sticky Left</a>
                                    </li>
                                    <li><a href="single-product-sticky-right.html">Product Sticky Right</a>
                                    </li>
                                    <li><a href="compare.html">Compare Page</a></li>
                                    <li><a href="wishlist.html">Wishlist Page</a></li>
                                    <li><a href="my-account.html">Account Page</a></li>
                                    <li><a href="login.html">Login &amp; Register Page</a></li>
                                    <li><a href="empty-cart.html">Empty Cart Page</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><span class="menu-expand"></span><a href="single-product.html#"><span class="menu-text">Blog</span></a>
                        <ul class="sub-menu">
                            <li><a href="blog-grid.html">Blog Grid Page</a></li>
                            <li><a href="blog-grid-left-sidebar.html">Grid Left Sidebar</a></li>
                            <li><a href="blog-grid-right-sidebar.html">Grid Right Sidebar</a></li>
                            <li><a href="blog-single.html">Blog Single Page</a></li>
                            <li><a href="blog-single-left-sidebar.html">Single Left Sidebar</a></li>
                            <li><a href="blog-single-right-sidebar.html">Single Right Sidbar</a>
                        </li></ul>
                    </li>
                    <li><a href="contact.html">Contact Us</a></li>
                </ul>
            </div>
            <!-- OffCanvas Menu End -->
            <div class="offcanvas-social mt-auto">
                <ul>
                    <li>
                        <a href="single-product.html#"><i class="fa fa-facebook"></i></a>
                    </li>
                    <li>
                        <a href="single-product.html#"><i class="fa fa-twitter"></i></a>
                    </li>
                    <li>
                        <a href="single-product.html#"><i class="fa fa-google"></i></a>
                    </li>
                    <li>
                        <a href="single-product.html#"><i class="fa fa-youtube"></i></a>
                    </li>
                    <li>
                        <a href="single-product.html#"><i class="fa fa-instagram"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- OffCanvas Menu End -->

    <!-- breadcrumb-area start -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-12 text-center">
                    <h2 class="breadcrumb-title">产品详情</h2>
                    <!-- breadcrumb-list start -->
                    <ul class="breadcrumb-list">
                        <li class="breadcrumb-item"><a href="index.html">主页</a></li>
                        <li class="breadcrumb-item active">产品详情</li>
                    </ul>
                    <!-- breadcrumb-list end -->
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb-area end -->

    <!-- Product Details Area Start -->
    <div class="product-details-area pt-100px pb-100px">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-sm-12 col-xs-12 mb-lm-30px mb-md-30px mb-sm-30px">
                    <!-- Swiper -->
                    <div class="swiper-container zoom-top swiper-container-initialized swiper-container-horizontal">
                        <div class="swiper-wrapper" id="swiper-wrapper-2f28d7bb49cf78da" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
                            <div class="swiper-slide zoom-image-hover swiper-slide-active" role="group" aria-label="1 / 5" style="width: 576px; position: relative; overflow: hidden;">
                                <img class="img-responsive m-auto" src="./index_files/1.jpg" alt="">
                            <img role="presentation" alt="" src="./index_files/1(1).jpg" class="zoomImg" style="position: absolute; top: -138.444px; left: -177.489px; opacity: 0; width: 800px; height: 800px; border: none; max-width: none; max-height: none;"></div>
                            <div class="swiper-slide zoom-image-hover swiper-slide-next" role="group" aria-label="2 / 5" style="width: 576px; position: relative; overflow: hidden;">
                                <img class="img-responsive m-auto" src="./index_files/2.jpg" alt="">
                            <img role="presentation" alt="" src="./index_files/2(1).jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 800px; height: 800px; border: none; max-width: none; max-height: none;"></div>
                            <div class="swiper-slide zoom-image-hover" role="group" aria-label="3 / 5" style="width: 576px; position: relative; overflow: hidden;">
                                <img class="img-responsive m-auto" src="./index_files/3.jpg" alt="">
                            <img role="presentation" alt="" src="./index_files/3(1).jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 800px; height: 800px; border: none; max-width: none; max-height: none;"></div>
                            <div class="swiper-slide zoom-image-hover" role="group" aria-label="4 / 5" style="width: 576px; position: relative; overflow: hidden;">
                                <img class="img-responsive m-auto" src="./index_files/4.jpg" alt="">
                            <img role="presentation" alt="" src="./index_files/4.jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 800px; height: 800px; border: none; max-width: none; max-height: none;"></div>
                            <div class="swiper-slide zoom-image-hover" role="group" aria-label="5 / 5" style="width: 576px; position: relative; overflow: hidden;">
                                <img class="img-responsive m-auto" src="./index_files/5.jpg" alt="">
                            <img role="presentation" alt="" src="./index_files/5.jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 800px; height: 800px; border: none; max-width: none; max-height: none;"></div>
                        </div>
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                    <div class="swiper-container mt-20px zoom-thumbs swiper-container-initialized swiper-container-horizontal swiper-container-free-mode swiper-container-thumbs">
                        <div class="swiper-wrapper" id="swiper-wrapper-c6a9268ebe91073e8" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
                            <div class="swiper-slide swiper-slide-visible swiper-slide-active swiper-slide-thumb-active" role="group" aria-label="1 / 5" style="width: 100.8px; margin-right: 18px;">
                                <img class="img-responsive m-auto" src="./index_files/1.jpg" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-visible swiper-slide-next" role="group" aria-label="2 / 5" style="width: 100.8px; margin-right: 18px;">
                                <img class="img-responsive m-auto" src="./index_files/2.jpg" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-visible" role="group" aria-label="3 / 5" style="width: 100.8px; margin-right: 18px;">
                                <img class="img-responsive m-auto" src="./index_files/3.jpg" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-visible" role="group" aria-label="4 / 5" style="width: 100.8px; margin-right: 18px;">
                                <img class="img-responsive m-auto" src="./index_files/4.jpg" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-visible" role="group" aria-label="5 / 5" style="width: 100.8px; margin-right: 18px;">
                                <img class="img-responsive m-auto" src="./index_files/5.jpg" alt="">
                            </div>
                        </div>
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                </div>
                <div class="col-lg-6 col-sm-12 col-xs-12" data-aos="fade-up" data-aos-delay="200">
                    <div class="product-details-content quickview-content ml-25px">
                        <h2>风流客原创手作多肉琉璃发梳</h2>
                        <div class="pricing-meta">
                            <ul class="d-flex">
                                <li class="new-price">$38.50</li>
                            </ul>
                        </div>
                        <div class="pro-details-rating-wrap">
                            <div class="rating-product">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </div>
                            <span class="read-review"><a class="reviews" href="single-product.html#"></a></span>
                        </div>
                        <div class="stock mt-30px">
                            <span class="avallabillty">运费： <span class="in-stock"><i class="fa fa-check"></i>包邮</span></span>
                        </div>
                        <p class="mt-30px mb-0">商品介绍：<br />
                                                                         【品牌】风流客原创手作
                                                                            【宝贝类别】：琉璃发梳
                                                                             【发簪大小】：长约10cm宽5cm手工测量难免有误差
                                                                           【材质介绍】：捷克琉璃贝珠保色铜配件
                                                                             【工期】：七天偶尔有现货掉落，详情咨询客服</p>
                        <div class="pro-details-quality">
                            <div class="cart-plus-minus"><div class="dec qtybutton">-</div>
                                <input class="cart-plus-minus-box" type="text" name="qtybutton" value="1">
                            <div class="inc qtybutton">+</div></div>
                            <div class="pro-details-cart">
                                <button title="Add To Cart" class=" add-to-cart" onclick="window.location.href = 'wishlist.html'"> 加入购物车</button>
                            </div>
                            <div class="pro-details-cart">
                                <button class="add-cart buy-button" onclick="window.location.href = 'gouwu.html'">立即购买</button>
                            </div>
                            <div class="pro-details-compare-wishlist pro-details-wishlist ">
                                <a href="wishlist.html"><i class="pe-7s-like"></i></a>
                            </div>
                        </div>
                        <div class="pro-details-categories-info pro-details-same-style d-flex">
                            <span>服务承诺:</span>
                            <ul class="d-flex">
                                <li>
                                    <a href="single-product.html#">正品保证, </a>
                                </li>
                                <li>
                                    <a href="single-product.html#">极速退款, </a>
                                </li>
                                <li>
                                    <a href="single-product.html#">退货运费险,</a>
                                </li>
                                <li>
                                    <a href="single-product.html#">七天无理由退换</a>
                                </li>
                            </ul>
                        </div>
                        <div class="pro-details-social-info pro-details-same-style d-flex">
                            <span>分享: </span>
                            <ul class="d-flex">
                                <li>
                                    <a href="single-product.html#"><i class="fa fa-facebook"></i></a>
                                </li>
                                <li>
                                    <a href="single-product.html#"><i class="fa fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="single-product.html#"><i class="fa fa-google"></i></a>
                                </li>
                                <li>
                                    <a href="single-product.html#"><i class="fa fa-youtube"></i></a>
                                </li>
                                <li>
                                    <a href="single-product.html#"><i class="fa fa-instagram"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="payment-img">
                            <a href="single-product.html#"><img src="./index_files/payment.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- product details description area start -->
    <div class="description-review-area pb-100px" data-aos="fade-up" data-aos-delay="200">
        <div class="container">
            <div class="description-review-wrapper">
                <div class="description-review-topbar nav">
                    <a data-bs-toggle="tab" href="single-product.html#des-details2">商品介绍</a>
                    <a class="active" data-bs-toggle="tab" href="single-product.html#des-details1">购物须知</a>
                    
                </div>
                <div class="tab-content description-review-bottom">
                    <div id="des-details2" class="tab-pane">
                        <div class="product-anotherinfo-wrapper text-start">
                            <ul>
                                <li><span>名称</span>风流客原创手作琉璃珍珠樱花发梳</li>
                                <li><span>发簪大小</span>长约10cm宽5cm手工测量难免有误差</li>
                                <li><span>材质介绍</span> 捷克琉璃贝珠保色铜配件</li>
                                <li><span>工期</span> 七天偶尔有现货掉落，详情咨询客服，可改绑主体</li>
                            </ul>
                        </div>
                    </div>
                    <div id="des-details1" class="tab-pane active">
                        <div class="product-description-wrapper">
                            <p>

                                1.本店为原创手工饰品，支持七天无理由退换货，如有质量问题，请在签收24小时内联系客服<br />
                                2.本店原创系列非偏远地区满30包邮，代理系列请浏览代理商品商品详情页<br />
                                3.手工饰品难免有手工痕迹，要求高的亲勿拍<br />
                                4.手工制作不易，请勿随意中差评，有问题请第一时间联系客服，感谢您的理解祝您购物愉快！

                            </p>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- product details description area end -->

    <!-- Related product Area Start -->
    <div class="related-product-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title text-center line-height-1">
                        <h2 class="title">相关产品</h2>
                    </div>
                </div>
            </div>
            <div class="new-product-slider swiper-container slider-nav-style-1 pb-100px swiper-container-initialized swiper-container-horizontal">
                <div class="new-product-wrapper swiper-wrapper" id="swiper-wrapper-39d4fbc6351cc991" aria-live="polite" style="transform: translate3d(-1206px, 0px, 0px); transition: all 0ms ease 0s;"><div class="new-product-item swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="1 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/11.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/11.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="new">Sale</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作玉簪花琉璃插梳
                                    </a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                    </div><div class="new-product-item swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="2 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/12.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/12.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="sale">-5%</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作琉璃昙花软簪</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                    <span class="old">$40.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                        <!-- Single Prodect -->
                    </div><div class="new-product-item swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="3 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/5.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/5.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作缠花牡丹春仔花u型钗</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                    </div><div class="new-product-item swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="5" role="group" aria-label="4 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/6.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/6.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="new">New</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作缠花牡丹花软簪</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                        <!-- Single Prodect -->
                    </div>
                    <div class="new-product-item swiper-slide swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="5 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/9.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/9.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="new">New</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作仿绒花淡水珍珠流苏步摇</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                    </div>
                    <div class="new-product-item swiper-slide swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="6 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/10.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/10.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="sale">-10%</span>
                                    <span class="new">New</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作仿绒花桑落发梳<</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                    <span class="old">$45.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                        <!-- Single Prodect -->
                    </div>
                    <div class="new-product-item swiper-slide" data-swiper-slide-index="2" role="group" aria-label="7 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/11.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/11.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="new">Sale</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作仿绒花予歌予酒发钗</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                    </div>
                    <div class="new-product-item swiper-slide" data-swiper-slide-index="3" role="group" aria-label="8 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/12.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/12.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="sale">-5%</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作仿绒花蜜糖簪钗</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                    <span class="old">$40.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                        <!-- Single Prodect -->
                    </div>
                    <div class="new-product-item swiper-slide" data-swiper-slide-index="4" role="group" aria-label="9 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/5.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/5.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作缠花牡丹春仔花u型钗</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                    </div>
                    <div class="new-product-item swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="10 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/6.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/6.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="new">New</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作缠花牡丹花软簪</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                        <!-- Single Prodect -->
                    </div>
                <div class="new-product-item swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="11 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/9.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/9.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="new">New</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作仿绒花淡水珍珠流苏步摇</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                    </div><div class="new-product-item swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="12 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/10.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/10.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="sale">-10%</span>
                                    <span class="new">New</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作仿绒花桑落发梳</a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                    <span class="old">$45.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                        <!-- Single Prodect -->
                    </div><div class="new-product-item swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="13 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/11.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/11.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="new">Sale</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作仿绒花予歌予酒发钗
                                    </a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                    </div><div class="new-product-item swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="14 / 14" style="width: 271.5px; margin-right: 30px;">
                        <!-- Single Prodect -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img src="./index_files/12.jpg" alt="Product">
                                    <img class="hover-image" src="./index_files/12.jpg" alt="Product">
                                </a>
                                <span class="badges">
                                    <span class="sale">-5%</span>
                                </span>
                                <div class="actions">
                                    <a href="wishlist.html" class="action wishlist" title="Wishlist"><i class="pe-7s-like"></i></a>
                                    <a href="single-product.html#" class="action quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="pe-7s-look"></i></a>
                                    <a href="compare.html" class="action compare" title="Compare"><i class="pe-7s-refresh-2"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <span class="ratings">
                                    <span class="rating-wrap">
                                        <span class="star" style="width: 100%"></span>
                                    </span>
                                    <span class="rating-num">( 5 Review )</span>
                                </span>
                                <h5 class="title"><a href="single-product.html">风流客原创手作仿绒花蜜糖簪钗
                                        Large
                                    </a>
                                </h5>
                                <span class="price">
                                    <span class="new">$38.50</span>
                                    <span class="old">$40.50</span>
                                </span>
                            </div>
                            <button title="Add To Cart" class=" add-to-cart">加入购物车</button>
                        </div>
                        <!-- Single Prodect -->
                    </div></div>
                <!-- Add Arrows -->
                <div class="swiper-buttons">
                    <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-39d4fbc6351cc991"></div>
                    <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-39d4fbc6351cc991"></div>
                </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
        </div>
    </div>
    <!-- Related product Area End -->


<!-- Feature Area Srart -->
    <div class="feature-area pt-100px">
        <div class="container">
            <div class="feature-wrapper">
                <div class="single-feture-col">
                    <!-- single item -->
                    <div class="single-feature">
                        <div class="feature-icon">
                            <img src="./index_files/1.png" alt="">
                        </div>
                        <div class="feature-content">
                            <h4 class="title">免费送货</h4>
                            <span class="sub-title">下单24小时内秒出库</span>
                        </div>
                    </div>
                </div>
                <!-- single item -->
                <div class="single-feture-col ">
                    <div class="single-feature">
                        <div class="feature-icon">
                            <img src="./index_files/2.png" alt="">
                        </div>
                        <div class="feature-content">
                            <h4 class="title">支持微信/支付宝支付</h4>
                            <span class="sub-title">可分期</span>
                        </div>
                    </div>
                </div>
                <!-- single item -->
                <div class="single-feture-col">
                    <div class="single-feature">
                        <div class="feature-icon">
                            <img src="./index_files/3.png" alt="">
                        </div>
                        <div class="feature-content">
                            <h4 class="title">包退</h4>
                            <span class="sub-title">七天无条件退款</span>
                        </div>
                    </div>
                    <!-- single item -->
                </div>
            </div>
        </div>
    </div>
    <!-- Feature Area End -->

    


    <!-- Footer Area End -->

    <!-- Search Modal Start -->
    <div class="modal popup-search-style" id="searchActive">
        <button type="button" class="close-btn" data-bs-dismiss="modal"><span aria-hidden="true">×</span></button>
        <div class="modal-overlay">
            <div class="modal-dialog p-0" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <h2>Search Your Product</h2>
                        <form class="navbar-form position-relative" role="search">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search here...">
                            </div>
                            <button type="submit" class="submit-btn"><i class="pe-7s-search"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Search Modal End -->



    <!-- Modal -->
    <div class="modal modal-2 fade" id="exampleModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-6 col-sm-12 col-xs-12 mb-lm-30px mb-md-30px mb-sm-30px">
                            <!-- Swiper -->
                            <div class="swiper-container gallery-top swiper-container-initialized swiper-container-horizontal">
                                <div class="swiper-wrapper" id="swiper-wrapper-d93b9c45c2a18caf" aria-live="polite" style="transform: translate3d(-416px, 0px, 0px); transition: all 0ms ease 0s;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="4" role="group" aria-label="1 / 7" style="width: 416px;">
                                        <img class="img-responsive m-auto" src="./index_files/5.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="2 / 7" style="width: 416px;">
                                        <img class="img-responsive m-auto" src="./index_files/1.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="3 / 7" style="width: 416px;">
                                        <img class="img-responsive m-auto" src="./index_files/2.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="4 / 7" style="width: 416px;">
                                        <img class="img-responsive m-auto" src="./index_files/3.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="5 / 7" style="width: 416px;">
                                        <img class="img-responsive m-auto" src="./index_files/4.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="4" role="group" aria-label="6 / 7" style="width: 416px;">
                                        <img class="img-responsive m-auto" src="./index_files/5.jpg" alt="">
                                    </div>
                                <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="7 / 7" style="width: 416px;">
                                        <img class="img-responsive m-auto" src="./index_files/1.jpg" alt="">
                                    </div></div>
                            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                            <div class="swiper-container gallery-thumbs mt-20px swiper-container-initialized swiper-container-horizontal swiper-container-free-mode swiper-container-thumbs">
                                <div class="swiper-wrapper" id="swiper-wrapper-10e10d90018547286a" aria-live="polite" style="transform: translate3d(0px, 0px, 0px); transition: all 0ms ease 0s;">
                                    <div class="swiper-slide swiper-slide-visible swiper-slide-active swiper-slide-thumb-active" role="group" aria-label="1 / 5" style="width: 75.2px; margin-right: 10px;">
                                        <img class="img-responsive m-auto" src="./index_files/1.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-slide-visible swiper-slide-next" role="group" aria-label="2 / 5" style="width: 75.2px; margin-right: 10px;">
                                        <img class="img-responsive m-auto" src="./index_files/2.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-slide-visible" role="group" aria-label="3 / 5" style="width: 75.2px; margin-right: 10px;">
                                        <img class="img-responsive m-auto" src="./index_files/3.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-slide-visible" role="group" aria-label="4 / 5" style="width: 75.2px; margin-right: 10px;">
                                        <img class="img-responsive m-auto" src="./index_files/4.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-slide-visible" role="group" aria-label="5 / 5" style="width: 75.2px; margin-right: 10px;">
                                        <img class="img-responsive m-auto" src="./index_files/5.jpg" alt="">
                                    </div>
                                </div>
                            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                        </div>
                        <div class="col-lg-6 col-sm-12 col-xs-12" data-aos="fade-up" data-aos-delay="200">
                            <div class="product-details-content quickview-content">
                                <h2>风流客原创手作多肉琉璃发梳</h2>
                                <div class="pricing-meta">
                                    <ul class="d-flex">
                                        <li class="new-price">$38.50</li>
                                    </ul>
                                </div>
                                <div class="pro-details-rating-wrap">
                                    <div class="rating-product">
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                    </div>
                                    <span class="read-review"><a class="reviews" href="single-product.html#"></a></span>
                                </div>
                                <div class="stock mt-30px">
                                    <span class="avallabillty">运费: <span class="in-stock"><i class="fa fa-check"></i>包邮</span></span>
                                </div>
                                <p class="mt-30px mb-0">商品介绍：<br />
                                                                                            【品牌】风流客原创手作 【宝贝类别】：琉璃发梳 【发簪大小】：长约10cm宽5cm手工测量难免有误差 【材质介绍】：捷克琉璃贝珠保色铜配件 【工期】：七天偶尔有现货掉落，详情咨询客服 </p>
                                <div class="pro-details-quality">
                                    <div class="cart-plus-minus"><div class="dec qtybutton">-</div>
                                        <input class="cart-plus-minus-box" type="text" name="qtybutton" value="1">
                                    <div class="inc qtybutton">+</div></div>
                                    <div class="pro-details-cart">
                                        <button class="add-cart">加入购物车</button>
                                    </div>
                                    <div class="pro-details-compare-wishlist pro-details-wishlist ">
                                        <a href="wishlist.html"><i class="pe-7s-like"></i></a>
                                    </div>
                                </div>
                                <div class="pro-details-categories-info pro-details-same-style d-flex">
                                    <span>服务承诺:</span>
                            <ul class="d-flex">
                                <li>
                                    <a href="single-product.html#">正品保证, </a>
                                </li>
                                <li>
                                    <a href="single-product.html#">极速退款, </a>
                                </li>
                                <li>
                                    <a href="single-product.html#">退货运费险,</a>
                                </li>
                                <li>
                                    <a href="single-product.html#">七天无理由退换</a>
                                </li>
                            </ul>
                                </div>
                                <div class="pro-details-social-info pro-details-same-style d-flex">
                                    <span>Share: </span>
                                    <ul class="d-flex">
                                        <li>
                                            <a href="single-product.html#"><i class="fa fa-facebook"></i></a>
                                        </li>
                                        <li>
                                            <a href="single-product.html#"><i class="fa fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="single-product.html#"><i class="fa fa-google"></i></a>
                                        </li>
                                        <li>
                                            <a href="single-product.html#"><i class="fa fa-youtube"></i></a>
                                        </li>
                                        <li>
                                            <a href="single-product.html#"><i class="fa fa-instagram"></i></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="payment-img">
                                    <a href="single-product.html#"><img src="./index_files/payment.png" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal end -->

    <!-- Global Vendor, plugins JS -->

    <!-- Vendor JS -->
    <!-- <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>

    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
    <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script> -->

    <!--Plugins JS-->
    <!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/jquery-ui.min.js"></script>
    <script src="assets/js/plugins/jquery.nice-select.min.js"></script>
    <script src="assets/js/plugins/countdown.js"></script>
    <script src="assets/js/plugins/scrollup.js"></script>
    <script src="assets/js/plugins/jquery.zoom.min.js"></script>
    <script src="assets/js/plugins/venobox.min.js"></script>
    <script src="assets/js/plugins/ajax-mail.js"></script> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <script src="./index_files/vendor.min.js"></script>
    <script src="./index_files/plugins.min.js"></script>

    <!-- Main Js -->
    <script src="./index_files/main.js"></script><a id="scrollUp" href="single-product.html#top" style="position: fixed; z-index: 2147483647; display: none;"><i class="pe-7s-angle-up"></i></a>


</body></html>